<!doctype html>
<jsp:directive.page import="com.cn.ccp.bean.UserBean" />
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<style>
<!--
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}
-->
</style>
<html lang="en">
<f:view>
	<f:loadBundle var="messages" basename="messages"></f:loadBundle>
<head>
<title><h:outputText value="#{messages['class_schedule_page_edit']}" /></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">
	
	    <!-- styles -->
	    <link type="text/css" href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
	    <link type="text/css" href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
	    <link type="text/css" href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
	    <!--[if lt IE 9]>
	      <script src="<%=request.getContextPath()%>/js/html5.js"></script>
	    <![endif]-->
	    <!-- Fav and touch icons -->
	    <link type="text/css" rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
	    <link type="text/css" rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
	    <link type="text/css" rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
	    <link type="text/css" rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
	    <link type="text/css" rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
</head>
<body class="bg-white" style="overflow-x:hidden;">
<h:form>
<div class="content" style="margin-left: 20px;margin-right: 20px"><!-- content -->
	<div class="row page-head">	
         <h3 class="page-title">
             <i class="n-icon-tab n-icon-black"></i>
             <b><h:outputText  value="#{messages['class_schedule_page_title']}"/></b>  
             <h:commandButton value="#{messages['btn_edit']}" action="edit" styleClass="btn" immediate="true" style="margin-top:10px;float:right;margin-right:40px;">
			 </h:commandButton> 
         </h3> 
		
     </div>
     <ul class="nav nav-tabs" id="scheduleWeek">
		<li class="active" id="day"><a href="#scheduleDetailDay">&nbsp;&nbsp;&nbsp;&nbsp;<h:outputText  value="#{messages['class_schedule_page_week_day']}"/> &nbsp;&nbsp;&nbsp;&nbsp;</a></li>
        <li  id="week"><a href="#scheduleDetailWeek">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h:outputText  value="#{messages['class_schedule_page_week_unit']}"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
     </ul>     
     
     <div class="tab-content">
	     <div id="scheduleDetailDay" class="tab-pane active" >
	     	<h:outputText value="#{classScheduleDetailForTeacherAction.daySchedule}"  escape="false" />
	     </div>
     	 <div id="scheduleDetailWeek" class="tab-pane" >
	     	<h:outputText value="#{classScheduleDetailForTeacherAction.weekSchedule}"  escape="false" />
	     </div>
     </div>
    
</h:form>      
</div>	
<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
<script type="text/javascript">
$(function(){
	//标签
	$('#scheduleWeek a').click(function (e) {
	  	e.preventDefault();
	  	$(this).tab('show');
	});
});
</script>

</body>
</f:view>
</html>